#app .theme-picker {
  display: none;
}

/* element-ui重写样式 */
.el-form-item {
  margin-bottom: 10px !important;
}

.el-table__header {
  .el-table__cell {
    color: #666 !important;
  }
}

// 表格-列
   .el-table__cell {
     padding: 0 !important;
     margin: 0 !important;
     height: 34px !important;
     font-size: 14px !important;
     font-weight: normal;
   }

// 新增供应商表格
   .upperAddTable .el-table__cell {
     padding: 0 !important;
     margin: 0 !important;
     height: 44px !important;
     font-size: 14px !important;
     font-weight: normal;
   }
// 新增供应商表格
   .addEnter .el-table__cell {
     padding: 0 !important;
     margin: 0 !important;
     height: 50px !important;
     font-size: 14px !important;
     font-weight: normal;
   }

// 文本-列
   .el-table-text {
     overflow: hidden; //超出的文本隐藏
   text-overflow: ellipsis; //溢出用省略号显示
   white-space: nowrap; //溢出不换行
   font-size: 14px;
   }

// 列
   .el-col {
     transition: all .3s !important;
   }

// 标签
   .el-form-item__label {
     font-weight: normal !important;
     font-size: 14px !important;
     color: #666 !important;
   }

// 标题
   .el-col-title {
     font-weight: normal !important;
     font-size: 14px !important;
     color: #1f69e0 !important;
   }

// .el-radio__label {
   //   color: #1f69e0;
   // }

.el-tree-node__content {
  height: 30px !important;
}

// 树形结构
   .el-tree-node__label {
     font-size: 14px !important;
   }

// 输入框
   .el-input__inner {
     height: 32px !important;
     line-height: 32px !important;
     padding-left: 8px !important;
     font-size: 18px !important;
     border: 1px solid #ccc;
     
   }

// 联级选项
   .el-cascader {
     line-height: 36px !important;
   }

// 登录输入框
   .login-frame .el-input__inner {
     height: 42px !important;
     line-height: 42px !important;
     padding-left: 8px !important;
     font-size: 14px !important;
   }

.login-frame .el-checkbox__inner {
  width: 20px !important;
  height: 20px !important;
}

.login-frame .el-checkbox__label {
  font-size: 15px !important;
  
}

.login-frame .el-checkbox__inner::after {
  top: 4px;
  left: 7px;
}

// 时间选择框
   .el-date-picker .el-input__inner {
     padding-left: 30px !important;
   }
.el-date-editor {
  width: 100% !important;
}

// 禁用输入框文字
   .el-input.is-disabled .el-input__inner {
     color: #999 !important;
   }

// 必填文字
   .el-form-item__error {
     color: #00000000 !important;
   }

// 文本域
   .el-textarea__inner {
     font-size: 14px !important;
     font-family: "Microsoft YaHei" !important;
   ;
   }

// 隐藏红点
   .el-form-item__label::before {
     margin: 0 !important;
     content: " " !important;
   }

// 隐藏红点
   .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after,
   .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label::after {
     content: "*" !important;
     color: #f30;
     margin-left: 3px;
   }

.el-icon-date {
  position: relative;
}

.el-icon-date:before {
  content: "";
}

// 下拉选择
   .el-select-dropdown__item {
     padding-left: 8px !important;
   }

.el-form .el-cascader {
  width: 100% !important;
}

// 弹窗标题
   .el-dialog__title {
     font-size: 14px !important;
   }

// 弹窗内容
   .el-dialog__body {
     padding: 0 20px 20px 20px;
   }

// 暂无数据
   .el-table__empty-text {
     font-size: 14px !important;
   }

// 标签页基础标题
   .el-tabs__item {
     font-size: 14px !important;
     height: 30px;
     line-height: 30px;
   }
.tabs-frame .el-tabs__item {
  line-height: 50px;
  height: 50px;
}

// 添加新联系人
   .add-contacts {
     margin-top: 10px;
   }
.el-button+.el-button {
  margin-left: 5px !important;
}

// 最小按钮
   .el-button--small {
     padding: 6px 8px !important;
   }
// 滑动选择器
   .el-switch.is-checked .el-switch__core {
     background-color: #1f69e0;
   }
.el-switch__label * {
  font-size: 12px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #1f69e0 !important;
}

// 抽屉header
   .el-drawer__header {
     font-size: 14px !important;
     height: 50px !important;
     line-height: 50px !important;
     padding: 0 10px !important;
     margin: 0 !important;
   // font-weight: bold;
     color: #1f69e0;
   }
// 单选框颜色
   .el-radio__input.is-checked + .el-radio__label {
     color: #1f69e0;
   }
// 滑动开关活跃颜色
   .el-switch__label.is-active {
     color: #333;
   }
// 弹窗
   .el-dialog {
     border-radius: 6px !important;
   }
// 弹窗标题
   .el-dialog__title {
     font-weight: bold;
   }
.el-dialog__header {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
// 表头
   .el-table th.el-table__cell>.cell {
     white-space: nowrap;
   }
.el-menu-item.is-active {
  color: #1f69e0 !important;
}
.el-tooltip__popper.is-light {
  box-shadow: 0 0 3px -1px gray;
  border: none !important;
}
// 横向滚动
   .tags-view-container .el-scrollbar__view {
     display: flex !important;
     align-items: center !important;
   }

// 销售提成个性化表单
   .commission {
   //.el-table__cell:nth-child(4) {
   //  background-color: #eee;
   //}
   }

.form-item-x-x {
  height: 34px;
  display: flex;
  align-items: center;
  font-size: 20px;
  width: fit-content !important;
  cursor: pointer;
}

.form-item-x-x:hover {
  color: #46a6ff;
}


// 抽屉
   .drawer2-frame {
     font-size: 14px;
     position: relative;
     height: calc(100vh - 50px);

     .el-col-title {
       padding-left: 20px;
       color: #409eff;
       position: relative;
     }

   //
   .el-col-content {
     width: 100%;
     padding: 20px;
     border-top: 1px solid #eee;
   }

   // 抽屉中标签
   .drawer-tabs-frame {
     padding: 0px 10px;
     background-color: #fff;
     display: flex;
     height: 29px;
     box-shadow: 0 0 3px -1px gray;
     position: relative;
     z-index: 10;
     align-items: center;

     .drawer-tabs-item {
       height: 24px;
       padding: 0 10px;
       margin-right: 10px;
       font-size: 12px;
       display: flex;
       justify-content: center;
       align-items: center;
       border-radius: 3px;
       color: #333;
       cursor: pointer;
       transition: all .3s;
     }
     .drawer-tabs-item:hover {
       background-color: #f3f9ff;
       color: #1f69e0;
     }

     .drawer-tabs-item-active {
       background-color: #1f69e0;
       color: #fff;
       height: 24px;
       padding: 0 10px;
       margin-right: 10px;
       font-size: 12px;
       display: flex;
       justify-content: center;
       align-items: center;
       border-radius: 3px;
       cursor: pointer;
       transition: all .3s;
     }
   }

   // 抽屉内容滚动
   .drawer2-scroll {
     height: calc(100% - 29px);
     overflow-y: auto;
     overflow-x: hidden;

     .drawer2-card {
       margin: 10px;

       .drawer2-card-item {
         font-size: 14px;
         color: #666;
         margin-bottom: 10px;
         display: flex;

         .drawer2-card-label {
           width: 110px;
           color: #999;
         }

         .drawer2-card-content {
           width: calc(100% - 110px);
         }
       }

       .distribution-item {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 10px 0;
         border-bottom: 1px solid #eee
       }

       .distribution-item:last-child {
         border-bottom: none;
       }
     }

     .distribution-confirm-frame {
       position: fixed;
       bottom: 0;
       right: 0;
       width: 600px;
       height: 54px;
       box-shadow: 0 0 3px -1px gray;
       display: flex;
       justify-content: center;
       align-items: center;
       background-color: #fff;
     }
   }
}

::-webkit-scrollbar {
  height: 20px !important;
  cursor: pointer;
}

$padding: 0 10px;
$radius: 999px;

/* 文字背景板 */
.text-theme-0 {
  background: #1f69e0;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 13px !important;
  line-height: 21px;
  white-space: nowrap;
  color: #e6f1fe;
  display: flex;
  align-items: center;
}
.text-theme-1 {
  background: #e6f1fe;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 13px !important;
  line-height: 21px;
  white-space: nowrap;
  color: #0773fc;
  display: flex;
  align-items: center;
}

.text-theme-2 {
  background: #e0f8ff;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 13px !important;
  line-height: 21px;
  white-space: nowrap;
  color: #38b27f;
  display: flex;
  align-items: center;
}

.text-theme-3 {
  background: #fff4f2;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 13px !important;
  line-height: 21px;
  white-space: nowrap;
  color: #cf7a66;
  display: flex;
  align-items: center;
}

.text-theme-4 {
  background: #f3f9ff;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 13px !important;
  line-height: 21px;
  white-space: nowrap;
  color: #666666;
  display: flex;
  align-items: center;
}
.text-theme-5 {
  background: #ff330020;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 13px !important;
  line-height: 21px;
  white-space: nowrap;
  color: #ff3300;
  display: flex;
  align-items: center;
}

.text-theme-6 {
  background: #fff;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 13px !important;
  line-height: 21px;
  white-space: nowrap;
  color: #FFD700;
  display: flex;
  align-items: center;
}


.submit-btn {
  background-color: #409EFF;
  padding: $padding;
  border-radius: $radius;
  width: fit-content !important;
  font-size: 14px !important;
  line-height: 21px;
  color: #fff;
  padding: 2px 10px;
  cursor: pointer;
  white-space: nowrap;
}

// 收缩分类
   .collapse-category {
     display: none !important;
   }

/* 默认色调 */
.link {
  color: #1f69e0;
  cursor: pointer;
}

.primary {
  color: #1f69e0;
}

.success {
  color: #13ce66;
}

.warning {
  color: #E6A23C;
}

.red {
  color: #f30;
}

// 巴掌
   .pointer {
     cursor: pointer;
   }

// 筛选
   .filter-frame {
     width: calc(100%);
     margin-bottom: 10px;
     padding: 10px 10px 0 10px;
     background-color: #fff;
     border-radius: 4px;
   }

// 选项操作
   .operation-frame {
     display: flex;
     padding-bottom: 10px;
   }

// 图标
   .hover-icon-frame:hover .hover-icon {
     display: block;
   }
.hover-icon {
  cursor: pointer;
  display: none;
}

// flex布局
   .flex-row {
     display: flex;
     flex-direction: row;
   }

.flex-row-a-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row-btw {
  display: flex;
  justify-content: space-between;
}

.flex-col-a-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-col-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/** 按钮配置 **/
$kx-width: 24px;
$kx-height: 24px;
$kx-radius: 3px;

.cz-frame {
  display: flex;
  font-size: 14px;
  justify-content: center;

  .cz-item {
    margin: 0 4px;
    cursor: pointer;
    white-space: nowrap;
  }
}

.kx-btn-info {
  width: $kx-width;
  height: $kx-height;
  background-color: #ffffff00;
  color: #1f69e0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: $kx-radius;
}

.kx-btn-info:hover {
  color: #3878de;
}

.kx-btn-white {
  width: $kx-width;
  height: $kx-height;
  background-color: #fff;
  color: #1f69e0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: $kx-radius;
  border: 1px solid #bbb;
}
.kx-btn-white:hover {
  background-color: #458bfa;
  color: #fff;
}
.kx-btn-edit {
  width: $kx-width;
  height: $kx-height;
  background-color: #fff;
  color: #13ce66;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: $kx-radius;
}

.kx-btn-edit:hover {
  background-color: #7de6ac;
  color: #fff;
}

.kx-btn-del {
  width: $kx-width;
  height: $kx-height;
  background-color: #fff;
  color: #fa6644;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: $kx-radius;
}

.kx-btn-del:hover {
  background-color: #fc8d74;
  color: #fff;
}

.kx-btn-success {
  width: $kx-width;
  height: $kx-height;
  background-color: #13ce66;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: $kx-radius;
}

// .kx-btn-success:hover {background-color: #a9caff;}



// 步骤流程
   .steps-frame {
     width: calc(100%);
     position: relative;

     .steps-opinion {
       padding-left: 70px;
       padding-bottom: 15px;
       padding-top: 5px;

       .steps-opinion-content {
         max-width: fit-content !important;
         padding: 5px 10px;
         background-color: #e6e6e650;
         border-radius: 4px;
         font-size: 13px;
       }
     }

     .steps-line {
       position: absolute;
       width: 1px;
       height: calc(100%);
       background-color: #73a0fa;
       top: 13px;
       left: 25px;
       transform: translateX(-50%);
       z-index: 9;
     }

     .steps-item {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding-left: 70px;
       padding-top: 20px;
       position: relative;

       .steps-item-center {
         position: absolute;
         top: calc(50% + 10px);
         left: 50%;
         transform: translate(-50%, -50%);
       }
       .steps-avatar {
         position: absolute;
         width: 50px;
         height: 50px;
         left: 0;
         top: 13px;
         border-radius: 50%;
         background-color: #bcbcbc;
         z-index: 10;
         border: 8px solid #fff;
         display: flex;
         justify-content: center;
         align-items: center;
         font-size: 18px;
         color: #fff;
       }

       .steps-avatar-active {
         background-color: #73a0fa;
       }

       .steps-status {
         width: 60px;
         padding: 1px 0;
         border-radius: 999px;
         display: flex;
         justify-content: center;
         align-items: center;
         color: #fff;
       }
     }
   }
/*
	/static/css/iconfont/
 */

.content {
  min-height: 100vh;
  background-color: #f6f6f8;


}

/**
	 * 颜色
	 **/
.zi-null {
  color: rgba(0, 0, 0, 0);
}

.gray-shallow {
  color: #aaaaaa;
}

.red-shallow {
  color: #f30;
}

.green-shallow {
  color: #89b85d;
}

.orange-shallow {
  color: #e99d42;
}

.bule-price {
  color: #4396e5;
}

.gray-price {
  color: #727272;
}

.bule {
  color: #0042a6;
}

.green {
  color: #2d8466;
}

.color-333 {
  color: #333;
}

.color-666 {
  color: #666;
}

.color-999 {
  color: #999;
}

.color-e9 {
  color: #e9b75f;
}

.color-de {
  color: #de4b30;
}

.color-ff {
  color: #fff;
}

.color-32 {
  color: #32b9b4;
}





.number-hr {
  word-break: break-all;
}

.line {
  width: 100%;
  border-bottom: 1px solid #eee;
}

.no-border {
  border: none !important;
}


.relative {
  position: relative;
  z-index: 10;
}

.flex-row-btw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-row {
  display: flex;
}

.flex-row-a-center {
  display: flex;
  align-items: center;
}

.flex-col-btw {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-col-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}



.placeholder {
  height: calc(env(safe-area-inset-bottom));
  width: 100%;
}

/**
 * 字号
 **/
.size-8 {
  font-size: 8px;

}

.size-9 {
  font-size: 9px;
}

.size-10 {
  font-size: 10px;
}

.size-11 {
  font-size: 11px;
}

.size-12 {
  font-size: 12px;
}

.size-13 {
  font-size: 13px;
}

.size-14 {
  font-size: 14px;
}

.size-15 {
  font-size: 15px;
}

.size-16 {
  font-size: 16px;
}

.size-18 {
  font-size: 18px;
}

.size-20 {
  font-size: 20px;
}

.size-22 {
  font-size: 22px;
}

.size-26 {
  font-size: 26px;
}

.size-32 {
  font-size: 32px;
}


/* 特殊字号*/
.size-h1 {
  font-size: 26px;
}

.size-h2 {
  font-size: 18px;
}

.size-h3 {
  font-size: 16px;
}

.size-h4 {
  font-size: 14px;
}

.size-h5 {
  font-size: 12px;
}

/* 文字样式*/
.size-bold {
  font-weight: bold;
}

.blod {
  font-weight: bold;
}

.weight-600 {
  font-weight: 600;
}

.weight-500 {
  font-weight: 500;
}


.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/**
  * 全局特殊样式
  **/
/* .item {
	line-height: 50px;
	text-align: center;
} */
.clear-both {
  clear: both;
}

.nowrap {
  white-space: nowrap;
}

/* 文字超出隐藏 */
.zi-hide {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.zi-hide-2 {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; //当属性值为2，表示超出2行隐藏
}

.zi-hide-3 {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; //当属性值为3，表示超出3行隐藏
}

.zi-hide-4 {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; //当属性值为4，表示超出4行隐藏
}

/**
 * 间距
 **/
.padding-defalut {
  padding-top: 10rpx;
}

.p-t-2 {
  padding-top: 2px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-t-6 {
  padding-top: 6px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-t-12 {
  padding-top: 12px;
}

.p-t-14 {
  padding-top: 14px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-t-18 {
  padding-top: 18px;
}

.p-t-20 {
  padding-top: 20px;
}


.p-l-2 {
  padding-left: 2px;
}

.p-l-4 {
  padding-left: 4px;
}

.p-l-6 {
  padding-left: 6px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-12 {
  padding-left: 12px;
}

.p-l-14 {
  padding-left: 14px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-l-18 {
  padding-left: 18px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-r-2 {
  padding-right: 2px;
}

.p-r-4 {
  padding-right: 4px;
}

.p-r-6 {
  padding-right: 6px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-r-12 {
  padding-right: 12px;
}

.p-r-14 {
  padding-right: 14px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-r-18 {
  padding-right: 18px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.p-b-6 {
  padding-bottom: 6px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-b-12 {
  padding-bottom: 12px;
}

.p-b-14 {
  padding-bottom: 14px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.p-b-18 {
  padding-bottom: 18px;
}

.p-b-20 {
  padding-bottom: 20px;
}



.m-left-20 {
  margin-left: 5px;
}

.m-right-20 {
  margin-right: 5px;
}

.m-h-20 {
  margin: 0 5px;
}


.m-t-6 {
  margin-top: 6px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-t-14 {
  margin-top: 14px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-t-18 {
  margin-top: 18px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-r-6 {
  margin-right: 6px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-r-14 {
  margin-right: 14px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-r-18 {
  margin-right: 18px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-l-6 {
  margin-left: 6px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-l-14 {
  margin-left: 14px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-l-18 {
  margin-left: 18px;
}

.m-l-20 {
  margin-left: 20px;
}


.border-right {
  border-right: 1rpx solid #eee;
}

.border-left {
  border-left: 1rpx solid #eee;
}

.border-bottom {
  border-bottom: 1rpx solid #eee;
}

.border-top {
  border-top: 1rpx solid #eee;
}

/* 伪类 */
.relative {
  position: relative;

}

.triangle::before {
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  z-index: 10;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid #777777;
  transform: translate(130%, 0%) rotate(180deg);
}

/* 分割线 */
.segmentation {
  width: 100%;
  height: 30rpx;
  margin: 20rpx 0rpx;
  background-color: #eeeeee;
}

/* 圆角 */

.border-10 {
  border-radius: 10rpx;
}

/* 不换行 */
.noWrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
